@font-face {
    font-family: 'Helvetica';
    src: url('font/Helvetica/HelveticaNeueLTPro-XBlkCn.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserratb/Montserratr.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Montserratb';
    src: url('font/Montserratb/Montserratb.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
	font-family : 'Helvetica'
}


.logo {
float:left;
margin-left:-1%;
font-family: 'Montserratb', sans-serif;}

.navbar{
    margin-bottom: 0px !important;
    position: absolute;
} 

.navbar-default {
margin-bottom: 0;
}


.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0px;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}
/*
 * Stars
 */



.span5 .tmb{
overflow:hidden;
display:inline-block;height:80px;
}
.span5:hover .tmb{

	overflow:visible;
	display:inline-block;height:100px
}


.abc{
text-align:left;
max-width:280px;
white-space: nowrap;
display:inline-block;
overflow:hidden;
text-overflow: ellipsis;
}
.abc:hover{
white-space: nowrap;
word-wrap: break-word;      /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap;      /* current browsers */
position: relative;
z-index: 9;
text-align:left
text-overflow: visible;
display:inline-block;
overflow:visible;

}

.fill01:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 18%;
      display: block;
      overflow: hidden;
    }
.fill01:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill02:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 28%;
      display: block;
      overflow: hidden;
    }
.fill02:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill03:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 38%;
      display: block;
      overflow: hidden;
    }
.fill03:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill04:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 48%;
      display: block;
      overflow: hidden;
    }
.fill04:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }
 
 .fill05:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 58%;
      display: block;
      overflow: hidden;
    }
.fill05:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill06:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 68%;
      display: block;
      overflow: hidden;
    }
.fill06:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill07:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 78%;
      display: block;
      overflow: hidden;
    }
.fill07:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }

.fill08:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 88%;
      display: block;
      overflow: hidden;
    }
.fill08:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }
 
 .fill09:before {
	  color:red;
      position: relative;
      z-index: 9;
      width: 98%;
      display: block;
      overflow: hidden;
    }
.fill09:after {
      content: '\e084';
      position: absolute;
      z-index: 8;
      color: black;
      top: 0;
      left: 0;
    }


 
.bottomlight {
box-shadow: 0px 2px 0px #CCCCCC
}

.card_sol {
background-color:#FFFFFF; 
margin-top:15px;
margin-left:30px;
margin-right:0px;
margin-bottom:15px;
width:30%;
height:480px;
}
.card_img {
float:left;
margin-bottom:5px;
margin-left:-15px;
height:300px;
width:412px;
}
.card_title{
float:left;margin-top:5px;margin-bottom:10px;margin-left:0px;width:380px;
}
.cardlight {
-moz-box-shadow: 0px 2px 10px #CCCCCC;
-webkit-box-shadow: 0px 2px 10px #CCCCCC;
box-shadow: 0px 2px 10px #CCCCCC;
}
.roundrect {
border-radius: 15px;
/*border-width : 0.0em;
border: thin #FFFFFF;*/
box-shadow: 0px 2px 0px #CCCCCC
/*border-color: rgb(160,160,255)*/
}
.box_round {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.comment {
color:#959595;
}
.dropdown-menu {
    width: 110px !important;
	min-width: 0px;
}

.cardbutton{
background:#FFFFFF;border: none;
text-decoration: none
}
.cardbutton-twitter{
background:#FFFFFF;border: none;
text-decoration: none;
}
.cardbuttonheart{
background:#FFFFFF;border: none;
text-decoration: none
}
.cardbuttonx{
background:#FFFFFF;border: none;

}

.navbutton{
background-color:#727272;
border-color:transparent;
color:white}
.navbar {
    margin-bottom: 0;
}

html {
  position: relative;
  min-height: 100%;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.resizea {width:100%; height:auto;}

.aimga{
max-width: 100%;
height: auto;
}
.aimg2a{
max-width: 100%;
height: auto;
}


.back-1-green{
background-image: url("../img/small/greenf2.png");
}

.back-blue{
background-image: url("../img/small/blue.png");
}

.back-green{
background-image: url("../img/small/green.png");
}

.back-red{
background-image: url("../img/small/red.png");
}

.back-black{
background-image: url("../img/small/black.png");
}

.back-sq-blue{
background-image: url("../img/small/sq-blue.png");
}
.back-sq-green{
background-image: url("../img/small/sq-green.png");

}
.back-sq-red{
background-image: url("../img/small/sq-red.png");

}

.modal-button{
background-color:#388E3C;
border:none;
}
.modal-button:hover{
background-color:#287E2C;

}

.modal-component{
-moz-box-shadow: 0px 2px 10px #0288D1;
-webkit-box-shadow: 0px 2px 10px #0288D1;
box-shadow: 0px 2px 10px #0288D1;
border:none;
float:left;
width:110px;
height:110px;
margin-right:6px;
margin-left:8px;
margin-top:3px;
margin-bottom:3px;
background-color:#0288D1;
text-align:center;
color:white;
text-align:center;
padding-top:10px;
float:left;
}
.modal-component:hover{
-moz-box-shadow: 0px 2px 10px #0288D1;
-webkit-box-shadow: 0px 2px 10px #0288D1;
box-shadow: 0px 2px 10px #0288D1;
background-color:#0258D1;
border:none;
}
.modal-img{
height:40px;
width:40px;
}
.modal-text{
position:relative;
top:15px;
font-size:15px;
color:white;
}
.modal-text2{
position:relative;
top:25px;
font-size:15px;
color:white;
}
.modal-text3{
position:relative;
top:10px;
font-size:15px;
color:white;
}
.modal-ft-sm{
font-size:14px;
}
.arrow{
    background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:300px;
    height:190px;
	margin-top:-25px;
	margin-right:-45px;
	background-size:contain;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-smooth:always;
	
	-webkit-transition-property: height, width;
    -webkit-transition-duration: 1s;
	-webkit-backface-visibility: hidden;
	transition: all 0.15s linear;
	}
.map-space{
    background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:300px;
    height:190px;
	margin-top:-25px;
	margin-right:-45px;
	background-size:contain;

	}
	
.arrow:hover {
    background-repeat:no-repeat;
	overflow: hidden;
	position:relative;
	bottom:3px;
	right:5px;
	opacity:70%;
    transform:scale(1.33);
    -ms-transform:scale(1.33); /* IE 9 */
    -moz-transform:scale(1.33); /* Firefox */
    -webkit-transform:scale(1.33); /* Safari and Chrome */
    -o-transform:scale(1.33); /* Opera */
	-webkit-font-smoothing: antialiased;
font-smooth:always;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	-webkit-backface-visibility: hidden;

}


.map-icon{
width:50px;
height:50px;
margin-left:0px;
margin-top:50px;
margin-bottom:5px;
}

.map-text{
font-size:17px;
overflow:hidden;
width:180px;
display:inline-block;
height:60px;
color:white;
}
.map-text2{
margin-left:0px;
font-size:17px;
overflow:hidden;
width:180px;
display:inline-block;
height:60px;
color:white;
padding-top:10px;
margin-left:-5px;
}

.map-icon2{
width:50px;
height:50px;
margin-left:0px;
margin-top:50px;
margin-bottom:5px;
}

.row{
	margin-left:4% !important;
	margin-bottom:-25px !important;
}

.close-button{
background-color:transparent;float:right; z-index:100; position:relative;border:none;top:10px;right:5px}

.close-button:hover{
color:#186E2C;
}

.container{
    margin-left: auto !important;
    margin-right: auto !important;
}

.map-containerx{
	width:1350px;
}


#map-space{
	cursor:pointer
	}

#map-space:hover{
	cursor:pointer;
	}

	
.first_line{
	font-size:50px;
	color:#333333;
	margin-top:50px;
	margin-bottom:10px;
	color:white;
	
}

.sol_tag{
	font-size:50px;
	color:white;
	
}	
.tag_l0{
	font-size:40px;
	margin-top:10px;
	margin-bottom:10px;
}
.tag_l2{
	font-size:30px;
	color:#6C6C6C;
	margin-bottom:10px;
}
.tag_l3{
	font-size:20px;
	color:gray;
	margin-bottom:20px;
	margin-top:5px;
}
.first_pad{
	margin-top:150px;
}
.pitch_line{
	height:250px;
	background-color:#03A9F4;
	background-size:100%;
	height:175px;
	margin-top:-30px;
	margin-bottom:10px;
}

#basic-addon1{
font-size:16px;padding-left:8px;padding-right:5px;padding-top:2px;padding-bottom:3px;
display:visible;
}



.icon-facebook {
   color:#3b5998;
    position:fixed;
    left: 5px;
    top: 250px;
}
.icon-facebook:hover {
   color:#1b4988;

}
.icon-twitter {
    color:#00aced;
    position:fixed;
    left: 5px;
    top: 305px;
}
.icon-reddit {
    color:#FF6E6E;
    position:fixed;
    left: 5px;
    top: 360px;
}
.icon-reddit:hover {
    color:#DF4E4E;

}
.icon-linkedin {
    color:#1985BC;
    position:fixed;
    left: 5px;
    top: 415px;
}
.icon-linkedin:hover {
    color:#0975AC;
    position:fixed;
    left: 5px;
    top: 415px;
}

.icon-feedback {
    color:#fc9300;
    position:fixed;
    left: 5px;
    top: 470px;
}

.icon-feedback:hover {
    color:#ec8300;
	cursor:pointer;

}


.fa-stack-1x {
    color:white;
}

